.body-area{
    width: 100%;
    height: auto;
    margin: 0.9rem 0 0.91rem 0;
    position: relative;
    overflow-x: hidden;
}
.top-ad{
    width: 100%;
    height: 2.5rem;
    background-image: url(../../mobile/img/courseSuggest/topAd.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.top-menu{
    margin: 0.2rem 0;
    overflow-x: auto;
    width: 100%;
    height: 0.6rem;
    /*background: rebeccapurple;*/
}
.top-menu button{
    color: #7A7A7A;
    background-color: white;
    width: 20%;
    float: left;
    height: 100%;
    margin: 0 2.5%;
    /*font-size: 0.2rem;*/
    outline: none;
    font-size: 0.23rem;
}
#title1{
    background-color: rgb(41, 116, 255);
    color: white;
}
.bottom-menu{
    padding: 0.2rem 0;
    width: 100%;
    height: 0.6rem;
    border-bottom: 1px solid rgb(237,237,237);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .075), 0 0 8px rgba(143, 143, 143, .6);
    /* box-shadow: 0 0 1px 0 rgba(0, 0, 0, .075), 0 0 8px rgba(143, 143, 143, .6); */
    box-shadow: 0 0 0 white, 0 0 0 white, 0 1px 0 rgba(0, 0, 0, .075), 0 0 0 white;
}
.select-area-line{
    width: 1px;
    height: 80%;
    background-color: #B6AAB4;
    float: left;
    margin-top: 1%;
}
.bottom-menu select{
    padding-left: 0.15rem;
    font-size: 0.23rem;
    outline: none;
    width: 30%;
    height: 100%;
    float: left;
    margin: 0 1.56%;
    background-color: white;
    border: none;
    color: rgb(122, 122, 122);




}
.bottom-menu select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    /*border: solid 1px #000;*/

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background-image: url("../../mobile/img/images/bottomIcon.jpg");
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    background-size: 10%;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    /*padding-right: 14px;*/
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.bottom-menu select::-ms-expand { display: none; }



.hideDom{
    display: none;
}





.content_area{
    width: 100%;
    height: auto;
    /* background-color: #43CD80; */
    position: relative;
}
.content_area table tbody tr{
    /*margin: 0.3rem 0;*/
    height: 2rem;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .075);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .075), 0 0 8px rgba(143, 143, 143, .6);
    /*box-shadow: 0 0 1px 0 rgba(0, 0, 0, .075), 0 0 8px rgba(143, 143, 143, .6);*/
    box-shadow: 0 0 0 white, 0 0 0 white, 0 1px 0 #F8F8F8, 0 0 0 white;
}
.content_all,.content_netWork,.content_direct,.content_retrial{
    width: 100%;
    height: 100%;
    position: relative;
}

#table_all tbody td:first-child ,
#table_netWork tbody td:first-child,
#table_direct tbody td:first-child,
#table_retrial tbody td:first-child{
    height: 100%;
    width: 35%;
    display: inline-block;
    float: left;
    /*background-color: #ac2925;*/
}
#table_all tbody td:last-child,
#table_netWork tbody td:last-child,
#table_direct tbody td:last-child,
#table_retrial tbody td:last-child{
    height: 100%;
    width: 65%;
    display: inline-block;
    float: right;
    /*background-color: greenyellow;*/
}
.td_img_area {
    display: block;
    height: 75%;
    width: 100%;
    /* margin: 10% 0; */
    background-image: url(../../mobile/img/courseSuggest/xinwentu.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 12.5% 0 0 0;
}
.td_right_area {
    display: table;
    text-align: left;
    width: 98%;
    height: 100%;
    /*margin: 0 0 0 2%;*/
    /* padding: 5% 0; */
    /* background-color: rosybrown; */
}
.td_right_area ul li{
    overflow: hidden;
    color: #7A7A7A;
    line-height: 0.35rem;
    font-size: 0.18rem;
    position: relative;
}
.td_right_area ul li:first-child{
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 3.6rem;
    font-size: 0.23rem;
    display: block;
}
.new_money{
    color: red;
    font-size: 0.21rem;
	font-weight: bolder;
}

.old_money{
	color: #A1A1A1;
    float: right;
    display: inline-block;
    font-size: 0.1rem;
    position: relative;
    /* margin-left: 0.6rem; */
    padding-right: 0.2rem;
}

.teach_type{
    padding-right: 0.2rem;
}

.money_line{
    width: 90%;
    height: 1px;
    background-color: #A1A1A1;
    position: absolute;
    top: 0.16rem;
}
.show-more-area{
    width: 100%;
    height: 0.6rem;
    /*background: red;*/
    position: relative;
}
.show-more-btn{
    display: inherit;
    width: 30%;
    height: 100%;
    background-color: white;
    margin: auto;
    color: #7A7A7A;;
    outline: none;
    border: none;
}
#table_all,#table_netWork,#table_direct,#table_retrial{
    width: 100%;
    height: 100%;
    position: relative;
}

/*#table_all{background-color: yellow;}*/
/*#table_netWork{background-color: #cccccc;}*/
/*#table_direct{background-color: #31b0d5}*/
/*#table_retrial{background-color: #ac2925}*/


